<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新年集福</title>
    <link rel="stylesheet" href="css/baseConfig.css">
    <link href="https://cdn.bootcss.com/Swiper/4.4.6/css/swiper.css" rel="stylesheet">
    <script src="js/util.js"></script>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="app">
        <div class="header">
            <div class="tb">
                <img src="./image/tubiao.png" alt="">
            </div>
            <div class="git-rule">活动规则</div>
            <div class="git-music">
                <!-- <audio id="music" src="image/audio.mp3" autoplay="autoplay" loop="loop" preload="metadata"></audio> -->
                <a id="audio_btn"><img src="image/laba-one.png" width="48" height="50" id="music_btn" border="0"></a>
            </div>
            <!-- 单个商品 -->
            <ul class="git-shop">
                <li>
                    <button class="dianji-one">点击了解</button>
                </li>
                <li>
                    <button class="dianji-two">点击了解</button>
                </li>
                <li>
                    <button class="dianji-three">点击了解</button>
                </li>
            </ul>
        </div>
        <!-- 新年礼包 -->
        <div class="Newyear-git">
            <img src="./image/he-shop_03.png" alt="新春礼包">
            <button>一键全购</button>
        </div>
        <!-- 个人信息状况 -->
        <div class="share">
            <h1 class="share-one">每邀请1位好友关注，可获得1张福</h1>
            <p class="share-two">获得5个福以上,且在排行榜前30名者,可获得以上全部奖品</p>
            <div class="share-father">
                <!-- <div class="share-three">
                    已获<span>1</span>
                    <span>0</span>
                    <span>1</span>张
                </div>
                <p class="share-four">排名第<span>51</span>名,距第<span>30</span>名差<span>20</span>张福</p> -->
            </div>
            <button class="get-card-btn left">获得专属海报去邀请</button>
        </div>
        <!-- 福字 -->
        <div class="swiper-fu">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- <div class="swiper-slide">
                        <img src="./image/F1.png" alt="">
                    </div>
                   <> <div class="swiper-slide">
                        <img src="./image/F2.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F3.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F4.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F5.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F6.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F7.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F8.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F9.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./image/F10.png" alt="">
                    </div> -->
                </div>
            </div>
        </div>
        <!-- 福气排行榜 -->
        <div class="luck-boy">
            <div class="luck-title">福气排行榜</div>
            <ul class="luck-boy-b">
                <!-- <li class="luck-each">
                    <span class="luck-rank">1</span>
                    <img src="./image/laba-two.png" alt="">
                    <span class="luck-name">武大郎</span>
                    <span class="font-c">获得了201张福</span>
                </li> -->
            </ul>
            <button class="show-list">展开查看更多排名</button>
        </div>
        <footer>
            <img src="./image/footer_03.png" alt="">
        </footer>
        <!--活动规则弹框 -->
        <div class="rule-box none">
            <div class="rule-b">
                <div class="rule-t">活动规则</div>
                <div class="rule-info">
                    <p>一、通过自己的邀请海报，每邀请1位好友关注，获得1张福，获得5张福以上，且排名前30名者可获得30天VIP、2019年台历、春联大礼包。</p>
                    <p>二、邀请好友关注时，好友已经关注过无效，取关后再关注无效。</p>
                    <p>三、活动时间: 2019年1月24日- -2019年1月28日</p>
                    <p>四、奖品设置30天黄历VIP、 2019年台历、新年春联大礼包。</p>
                    <p>五、获奖者通过微信公众号[我的黄历]，回复: 领奖添加客服微信，并备注春节活动获奖者” ，然后将自己的收货人信息和地址通过微信发送给客服。3天内没有联系名服领取奖品的将视为放弃，过期后无效。</p>
                </div>
            </div>
        </div>
        <!-- 邀请弹框 -->
        <div class="card-m">
            <div class="card-b">
                <!-- <img src="" alt="" class="share-img"> -->
                <canvas id="canvas"></canvas>
                <div class="card-tips">
                <img src="./image/goodyear.gif" alt="" class="card-tipss">
                </div>
                <div class="card-tip">长按保存自己的专属海报,通过微信发送给好友</div>
            </div>
        </div>
    </div>
    <script>
        var openid = '{$openid}';
        var subscribe = '{$subscribe}';
        var type_tool = '{$type_tool}';
        var type_vip = '{$type_vip}';
        // var card_nickname = '{$nickname}';
        var card_headimgurl = '{$headimgurl}';
    </script>
    <script src="./js/jquery-1.11.1.min.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.4.6/js/swiper.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="./js/index.js"></script>
    <script>
        // <?php if(IS_WX):?>
        wx.config({
        debug: false,
        appId: '{$signPackage.appId}',
        timestamp: '{$signPackage.timestamp}',
        nonceStr: '{$signPackage.nonceStr}',
        signature: '{$signPackage.signature}',
        jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'updateAppMessageShareData',
        'updateTimelineShareData'
        ]
        });
        wx.ready(function () {
        wx.checkJsApi({
        jsApiList: [
        'getNetworkType',
        'previewImage',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'updateAppMessageShareData',
        'updateTimelineShareData'
        ],
        });
        var shareData = {
        title: '跨年抢好运，赢大礼，0元领取新年台历等8种大奖',
        desc: '跨年抢好运：新年台历等8种大奖等你来拿，100%中奖',
        link:'http://wx.fuxiyi.com/fuwuhao/index.php/Home/Activity/public_ny_indexhttp://wx.fuxiyi.com/fuwuhao/index.php/Home/Activity/public_year19',
        imgUrl: 'http://wx.fuxiyi.com/fuwuhao/Public/Base/images/share/share-newYear.png'
        };
        wx.updateAppMessageShareData(shareData);
        wx.updateTimelineShareData(shareData);
        wx.onMenuShareWeibo(shareData);
        });
        // <?php endif;?>
    </script>
</body>
</html>